<style lang="stylus">
body
  background-color rgba(0, 0, 0, 0.5)
  app-region no-drag

body>p
  justify-content center
  align-items center
</style>

<style lang="stylus" scoped>
main
  background #fff
  border-radius 8px
  align-items center
  justify-content center
  padding 30px

  h1
    font-size 18px
    margin-top 0
    margin-bottom 10px

  p
    color #999
    margin-bottom 20px
    font-size 14px

  footer
    flex-direction row
    justify-content space-between

    button
      font-weight 500
      font-size 16px
      height auto
      margin 0
      padding 10px 18px
      display flex
      align-items center
      border 2px solid #ff9e40

      &:hover
        box-shadow 0 0 6px rgba(0, 0, 0, 0.2) inset

      &:first-child
        margin-right 15px
        color #000
        border-color #F3F5F7
        background-color #fff

        &:hover
          border-color #ff9e40
</style>

<template lang="pug">
main
  h1 {{ h1 }}
  p {{ tip }}
  footer
    btn(@click="n") {{ no }}
    btn(@click="y") {{ yes }}
</template>

<script lang="coffee">
import ipc from '~/lib/ipc.coffee'
import btn from '~/vue/btn.vue'
{confirm} = ipc

export default {
props:"yes no h1 tip".split ' '
components:{
  btn
}
setup:=>
  onMounted =>
  {
    y:confirm.y
    n:confirm.n
  }
}
</script>

